<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>praiseButton</title>
  <link rel="stylesheet" href="dist/css/praise.css">
  <script src="https://cdn.bootcss.com/systemjs/0.21.0/system.js"></script>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <script src="test/index.js"></script>
</head>

<body>
  <div class="praise-button">
    <div class="thumb">
      <div class="thumb-one"></div>
      <div class="thumb-two"></div>
      <div class="thumb-three"></div>
      <div class="thumb-four"></div>
      <div class="thumb-five"></div>
      <div class="thumb-six"></div>
    </div>
  </div>
  <div class="num">当前点赞数：<span>0</span></div>
</body>
<script type="text/javascript">
  SystemJS.config({
    baseURL: 'dist/js'
  });
  SystemJS.import('ThumbButton.js').then(function(m) {
    $.extend({
      Thumb: m.default.Thumb
    })
    callBack();
  });

  function callBack() {
    let f = new $.Thumb(0, $('.praise-button'));
    f.addPraise();
  }
</script>

</html>
